<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>综合应用-悦听</title>
    <!-- 样式 -->
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="wrap">
    <!-- 播放器主体区域 -->
    <div class="play_wrap" id="player">
        <div class="search_bar">
            <img src="images/player_title.png" alt=""/>
            <!-- 搜索歌曲 -->
            <input type="text" autocomplete="off"/>
        </div>
        <div class="center_con">
            <!-- 搜索歌曲列表 -->
            <div class='song_wrapper'>
                <ul class="song_list">
                    <li>
                        <a href="javascript:;"></a>
                        <b></b>
                        <span><i></i></span>
                    </li>
                </ul>
                <img src="images/line.png" class="switch_btn" alt="">
            </div>
            <!-- 歌曲信息容器 -->
            <div class="player_con">
                <img src="images/player_bar.png" class="play_bar"/>
                <!-- 黑胶碟片 -->
                <img src="images/disc.png" class="disc autoRotate"/>
                <img :src=""/>
            </div>
            <!-- 评论容器 -->
            <div class="comment_wrapper">
                <h5 class='title'>热门留言</h5>
                <div class='comment_list'>
                    <dl>
                        <dt><img src="" alt=""></dt>
                        <dd class="name"></dd>
                        <dd class="detail"></dd>
                    </dl>
                </div>
                <img src="images/line.png" class="right_line">
            </div>
        </div>
        <div class="audio_con">
            <audio ref='audio' controls autoplay loop class="myaudio"></audio>
        </div>
        <!--        <div class="video_con">-->
        <!--            <video ref='video' controls="controls"></video>-->
        <!--            <div class="mask"></div>-->
        <!--        </div>-->
    </div>
</div>
    <!--官网提供的 axios 在线地址-->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- 生产环境版本，优化了尺寸和速度 -->
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <!--自己的js-->
    <script src="js/main.js"></script>
</body>
</html>
